<!------------------------------------------------------------------------------------------------------------------------------------------
Autor: Jordan Campos Delgado
Fecha: 05-10-2012
Descripción: 
Esta página es creada con la finalidad de que el usuaio pueda cambiar su contraseña.
-------------------------------------------------------------------------------------------------------------------------------------------->
<?php
    //Este include no puede faltar en ninguna pagina ya que asegura que el usuario este logeado y que no se ha pasado del limite de 20 minutos
    include ("../vistas/bloqueDeSeguridad.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset= UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<link type="text/css" href="../css/tablaListas.css" rel="stylesheet" />

<link type="text/css" href="../css/principal.css" rel="stylesheet" />
<link type="text/css" href="../css/jquery.alerts.css" rel="stylesheet" media="screen" />
<link type="text/css" href="../css/menuEmergente.css" rel="stylesheet" />
<link type="text/css" href="../css/jquery.message.css" rel="stylesheet" media="screen"/>
<link type="text/css" href="../css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" media="screen"/>

<script type="text/javascript" language="javascript" src="../JavaScript/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/funciones.js"></script>          
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jslistadopaises.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.message.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.validate.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/ajax.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.alerts.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.draggable.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.core.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.datepicker.js"></script>  


<script type="text/javascript" language="javascript" src="../JavaScript/funcionesRemesas.js"></script>

<script language='JavaScript'>
           
        //<!-- Begin

/*$(document).ready(function(){
    ValidaUsuario();
   
 });*/

        
        function ValidaPassword() {
            
                var p1 = document.getElementById("txtPasswordConfirmado").value;
                var p2 = document.getElementById("txtPasswordNuevo").value;
                
               if (p1 != p2) {
                
                document.getElementById("hddAccion").value = 'incoincidenca';
               
                return false;
                } 
                else {
                    
                    return true;
                }                
                
                
             //window.location="../vistas/paginaPrincipal.php?accion=identificacionLogin&controlador=data&usuarioLogin="+usuario+"&password="+password;       
            
        }
        //  End -->

</script>

</head>
<?php
        error_reporting(0); 
        session_start();
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 0);
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 1);
        // La variable de usuario es $_SESSION["s_username"]
    ?>
<!----------------------------------------------------------------------------------------------->
<!-- Aqui realizamos el menu horizontal verde oscuro que contiene los diferentes mantenimientos-->
<!----------------------------------------------------------------------------------------------->

<!----------------------------------------------------------------------------------------------->


<script type="text/javascript">
    
    $(document).ready(function(){
            //cargar_codBodegas();
            cargar_codRol();
                                        
        });
        
    $(function(){
        $('#AgregaUsuario').validate({
            rules: {
            'txtUsername': {required: true},
            'txtNombre': 'required',
            'txtApellidos': 'required',
            'txtPasswordNuevo': {required: true, minlength: 6},
            'txtPasswordConfirmado': {required: true, minlength: 6},
            'cmbRol':   'required'
            },
        messages: {
            'txtUsername': '<br/>* Dig\u00EDte el usuario.',
            'txtNombre': '<br/>* D\u00EDgite el nombre del usuario.',
            'txtApellidos': '<br/>* D\u00EDgite los apellidos del usuario.',
            'txtPasswordNuevo': '<br/>* D\u00EDgite su nueva contraseña y m\u00EDnimo 6 caracteres.',
            'txtPasswordConfirmado': '<br/>* Confirme su nueva contraseña y m\u00EDnimo 6 caracteres.',
            'cmbRol': '<br/>* Seleccione un Rol.'

        }
        });

    });

function cargar_codRol()
        {
            var accion='cargarRoles';
            $.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
                if(resultado == false)
                {
                    alert("Error");
                }
                else
                {                    
                    $('#cmbRol').append(resultado);
                                                                        
                }
            }	);
        }
</script>
<article id="contenido">
    
    
       
    </br></br>
    <table> <!--Esto es para mostrar el titulo de cada mantenimiento-->        
        <tr>
            <td>
                <div class="tituloListar">
                    <tr><h1> <center><font color="#B40404"> Agregar Usuario</font> </center> </h1></tr>
                    <br><br>
                </div>
            </td>
        </tr>                       
    </table>
    <center>
    <a href="../vistas/paginaPrincipal.php" class="button back" target="Principal">Atr&aacute;s</a>
    <a href="javascript:document.getElementById('btnGuardar').click()" class="button save"target="Principal">Guardar</a>
    <a href="" class="button spark" onClicK="Limpiar();">Limpiar</a>
    </center>
    <form action="../vistas/paginaPrincipal.php?accion=agregarUsuarios&controlador=data" method="post" id="AgregaUsuario">
       <input type="hidden" name="hddAccion" id="hddAccion" value="<?php if (!  empty( $accion)) echo  $accion?>"/>
        <div class="center">
             <fieldset class="p"  class="center" class="centrar">               
                <br>
                    <legend class="leyenda">Agrega Usuario</legend>
                    <table>
                        <div class="editor-field">
                            <tr>
                                
                                    
                                    <td>
                                        <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>
                                        <label>Usuario:</label>
                                    </td>     
                                    <td>
                                        <input type="text" id="txtUsername" name="txtUsername" value=""/>
                                        <input type="hidden" id="hddUsername" name="hddUsername" value="<?php if (!  empty($_SESSION["s_username"])) echo $_SESSION["s_username"]?>"/><br/><br/>
                                    </td>
                                
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Nombre:</label>
                                </td>
                                <td>
                                    <input type="text" id="txtNombre" name="txtNombre" value=""/><br/><br/>
                                </td>    
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Apellidos:</label>
                                </td>
                                <td>
                                    <input type="text" id="txtApellidos" name="txtApellidos" value=""/><br/><br/>
                                </td>    
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Contrase&ntilde;a:</label>
                                </td>
                                <td>
                                    <input type="password" id="txtPasswordNuevo" name="txtPasswordNuevo" value=""/><br/><br/>
                                </td>    
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Confirmar Contrase&ntilde;a:</label>
                                </td>
                                <td>
                                    <input type="password" id="txtPasswordConfirmado" name="txtPasswordConfirmado" value=""/><br/><br/>
                                </td>    
                            </tr>
                            <tr>
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label class="labelstyle" for="cmbRol">Rol:</label> 
                                </td>
                                <td>
                                    <select id="cmbRol" name="cmbRol" style="width: 200px">
                                            <option value="">Selecciona Uno...</option>
                                    </select><br/><br/>
                                </td> 

                            </tr> 
                            <tr>
                                <td class="estiloMensajeCamposObligatorios">
                                    Los campos con  &nbsp; <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp; son obligatorios
                                </td>
                            </tr>
                        </div>                       
                        
                    </table>
                        <div class="BotonEnviar">
                            <br/>
                            <input type="submit" id="btnGuardar" style="display:none" onclick="ValidaPassword();" value="Guardar"/>
                          <!--  <input type="reset" value="Cancelar" onclick=""/>-->
                        </div>
             </fieldset>
         </div>
    </form>
</article>
</html>